/******************************************************************************************************************************************/
/*                                                               FONTS                                                                    */
/******************************************************************************************************************************************/
	/* Police principale */
		@font-face {
			font-family: 'Red Hat Text';
			src: url('../fonts/RedHatText-Regular.woff') format('woff');
			font-weight: normal;
			font-style: normal;
			font-display: swap;
		}		
		@font-face {
			font-family: 'Red Hat Text';
			src: url('../fonts/RedHatText-Medium.woff') format('woff');
			font-weight: 500;
			font-style: normal;
			font-display: swap;
		}		
		@font-face {
			font-family: 'Red Hat Text';
			src: url('../fonts/RedHatText-Bold.woff') format('woff');
			font-weight: bold;
			font-style: normal;
			font-display: swap;
		}

/******************************************************************************************************************************************/
/*                                                             CSS GENERAL                                                                */
/******************************************************************************************************************************************/
	#container {
		color: #333 !important;
		font-family: 'Red Hat Text' !important;
		font-size: 11pt;
	}  
    #content {
  		width: 1280px;
		margin-left: auto;
		margin-right: auto;			
	}  

	@media only screen and (max-width : 1280px) {
		#content{
			width: 100%;
		}

		.vc_row{
			margin-left: 0px;
			margin-right: 0px;
		}


		.vc_column_container>.vc_column-inner{
			padding-left: 0px!important;
			padding-right: 0px!important;
		}
	}

	.left {
		text-align: left;	
	}
	.justify {
		text-align: justify;	
	}
	.center {
		text-align: center;	
	}	
	.right {
		text-align: right;	
	}
	.bold {
		font-weight: bold;	
	}
    /* Polices: .fontPrincipal, .fontSecondaire, ... */
    	.fontPrincipal{font-family: 'Red Hat Text';}        
	/* Couleurs de police: .font-couleurPrincipal, .font-couleurSecondaire, ... */
    	.font-couleurPrincipale{color: #333;}.font-couleurSecondaire{color: #008b45;}.font-couleurTertiaire{color: #FFF;}.font-couleurQuaternaire{color: #000;}    
    /* Soulignement */
    	.underline-couleurPrincipale{width: 60px;height: 2px;margin-bottom: 10px !important;border-bottom: 2px solid #008b45;}.underline-couleurSecondaire{width: 60px;height: 2px;margin-bottom: 10px !important;border-bottom: 2px solid #6c6c6c;}.underline-couleurTertiaire{width: 60px;height: 2px;margin-bottom: 10px !important;border-bottom: 2px solid #FFF;}.underline-couleurQuaternaire{width: 60px;height: 2px;margin-bottom: 10px !important;border-bottom: 2px solid #434344;}        .underline-center {
        	margin-left: auto;
            margin-right: auto;
        }
	/* Colonnes */
        .col-md-3 {
            padding-bottom: 20px;
            width: 33.33333333%;
            float: left;
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
        }
        
	/* Eléments */
    .badge {
    	text-align: center;
        padding : 10px 10px;
        color: #FFF;
        background-color: #333;
        text-transform: uppercase;
        font-size: 11pt;
        margin : 0;
    }
    .arrow-down {
        width: 0;
        height: 0;       
        border-right: 16px solid transparent;
        border-left: 16px solid transparent;        
        border-top: 20px solid #333;
        margin-left: 40%;
	}
    .arrow-up {
        width: 0;
        height: 0;        
        border-right: 16px solid transparent;
        border-left: 16px solid transparent;        
        border-bottom: 20px solid #333;
    }
    .arrow-left {
        width: 0;
        height: 0;        
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;        
        border-right: 20px solid #333;
    }
    .arrow-right {
        width: 0;
        height: 0;        
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;        
        border-left: 20px solid #fafafa;
    }
    .diaporama-reference .vc_item {
    	text-align: center !important;
        width: 15%;
		display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
vertical-align: middle;
    }
    .diaporama-reference img {
    	height: auto;
        width: 80%;
        display: table-cell;
  		vertical-align: middle;
    }



/******************************************************************************************************************************************/
/*                                                                  Hn                                                                    */
/******************************************************************************************************************************************/
	h1, h2, h3, h4, h5, h6 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: 'Red Hat Text';
        font-weight: 300;
        line-height: 1.1;
    }
    
    h1 {
    	font-size: 22pt;
        text-transform: uppercase;
        padding: 20px 0 10px 0;
        font-weight: 500;
    }
    
    h4 {
        font-size: 16pt;
        line-height: 20px;	
    }
	footer h4 {
        position: relative;
        text-transform: uppercase;
        color: #008b45;
        font-weight: 700;
        margin-bottom: 30px;
        border-bottom: 1px solid #ebebeb;
        text-align: left;
    }
    footer h4 span {
        padding-bottom: 7px;
        display: inline-block;
        margin-bottom: -1px;
        border-bottom: 1px solid #008b45;
	}


/******************************************************************************************************************************************/
/*                                                                MENUS                                                                   */
/******************************************************************************************************************************************/
    
    /* Menu principal */
		.bloc-menu {
			float: right;
			height: 25px;	  
			width: 65%;
		}		
		.bloc-menu ul.nav > li > a {
			text-transform: uppercase;
			color: #333;
			text-decoration: none;
			font-size: 10pt;
            font-weight: 500;
		}		
		.bloc-menu ul.nav > li > a:hover, .bloc-menu ul.nav > li.current_page_item > a, .bloc-menu ul.nav > li:hover > a, .bloc-menu ul.nav > li.current_page_item > a{ 
        	background-color:  #008b45;
			border-bottom : 3px solid #008b45;
            color: #FFF;
		}

		.bloc-menu ul.nav > li.current-menu-parent{
			background-color:  #008b45;
			border-bottom : 3px solid #008b45;
		}

		.bloc-menu ul.nav > li.current-menu-parent > a{
            color: #FFF;
		}


		.nav li.menu-item ul.sub-menu, .nav li ul.children {		
			border: none !important;
			background: rgba(255,255,255,0.9);
			width: 100vw !important;
			position: absolute;
			left: 0;
			margin-top: -10px;
    		z-index: -1!important;
		}

		.nav li.menu-item a{		
    		z-index: 2!important;
		}
		.nav li ul.sub-menu li a, .nav li ul.children li a {
			float: left;
            text-align: center;
            padding-left: 0 0 0 10px !important;
			border: 0 !important;
			color: #333;	
			font-size: 12pt !important;
			line-height: 12pt !important;
            font-weight: 500;
			width: 100%;
		}

		.sub-menu li.menu-item
		{
			width: 16.66% !important;
			margin: 10px 0;
            
            border-left: 1px solid #d0d0d0;
		}

		.sub-menu li.menu-item img
		{
			height: 100px !important;
			width: auto !important;
            filter: grayscale(1);
            -webkit-filter: grayscale(1);
		}
        .sub-menu li.menu-item img:hover
		{
			filter: grayscale(0);
            -webkit-filter: grayscale(0);
		}
		.nav li ul.sub-menu li a:hover, .nav li ul.children li a:hover {
			color: #008b45 !important;
			text-decoration: none !important;
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
		}

/******************************************************************************************************************************************/
/*                                                               HEADER                                                                  */
/******************************************************************************************************************************************/

	/* Header global */
    	.global-header {
			clear: both; 
			width: 100%; 
			position: fixed;  
			text-align: left;
			background: rgba(255,255,255,1);
			line-height: 80px;
			z-index: 2;
            -moz-box-shadow: 0px 4px 10px #333;  
			-webkit-box-shadow: 0px 4px 10px #333;  
			box-shadow: 0px 4px 6px #333;
            /*border-top: 6px solid #008b45;*/
		}		
		.bloc-header {
			width: 1280px;
			margin-left: auto;
			margin-right: auto;
		}		
		.bloc-logo {
			padding: 5px 0;
			float: left; 
			width: 35%; 
			text-align: center;
		}
		.bloc-logo img {
			max-height: 65px;
			vertical-align: middle;
		}
    
    /* Slide / Header des pages */
		.bloc-header-page {
        	width: 100%;
            background-position: center;
			background-size: cover;
			background-repeat: repeat-x;
            overflow: hidden;            
        }
        .image_une {
			width: 100%;
			text-align: center;
			padding: 30vh 0 15vh 0;
            backdrop-filter: brightness(60%);
            -webkit-backdrop-filter: brightness(60%);
		}	
		.bloc-titre-ligne-1 {
			display: none;
            text-align: center;
			color: #FFF !important;
			text-transform: uppercase;
			font-size: 26pt;
			font-weight: bold;	
			line-height: 30pt;
		}
		.bloc-titre-ligne-2 {
			padding: 30px;
            text-align: center;
			color: #FFF !important;
			text-transform: uppercase;
			font-size: 26pt;
			font-weight: bold;	
			line-height: 30pt;
            /*backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);*/
		}
	/* Titres des pages */
    	.page-title-woocommerce {
        	padding: 15vh 0 1vh 0;
            text-align: center;
            color: #008b45 !important;
            border-bottom: 5px solid #008b45;
        }


        
/******************************************************************************************************************************************/
/*                                                               SLIDERS                                                                  */
/******************************************************************************************************************************************/
	/* Home */
        .aden {
            filter: hue-rotate(0deg) contrast(.9) saturate(.85) brightness(0.8) !important;
        }
        .background-transparent {
			padding: 70px;
            overflow: hidden;
            background: rgba(0,0,0,0.4);
        }
        .texte-slide-ligne-1 {
            width: 100%;
            font-style: normal;
            font-family: 'Red Hat Text';
            text-align: center;
            text-transform: none;
            font-size: 35pt;
            font-weight: bold;	
            line-height: 50pt;
        }
        .texte-slide-ligne-2 {
            width: 100%;
            font-style: normal;
            font-family: 'Red Hat Text';
            text-align: center;
            text-transform: uppercase;
            font-size: 26pt;
            font-weight:100;
            line-height: 30pt;
        }
        .texte-slide-ligne-3 {
            width: 100%;
            font-style: normal;
            margin-top: 20px;
            font-family: 'Red Hat Text';
            text-align: center;
            font-size: 20pt;
            font-weight:100;
            line-height: 22pt;
        }
        
/******************************************************************************************************************************************/
/*                                                          BLOCS RECURRENTS                                                              */
/******************************************************************************************************************************************/
    
	/* Widget-contact */

		@media only screen and (max-width : 767px) {
			.widget-contact{
				margin: auto;
				width: 60%;
			}

			#menu-menu-footer li{
				width: 60%!important;
    			margin: auto!important;
			}
		}

        .widget-contact td {
			font-family: 'Red Hat Text';
            color: #333;
			font-size: 10pt;
			padding: 7px 0 0 6px;
			margin-top: 3px;
			}
        .widget-contact td:first-child {
            padding-top: 10px;
            text-align: center!important;
            vertical-align: top;
        }
        .widget-contact i {
            color: #333;
            font-size: 11pt;
        }
        .widget-contact a i {
            color: #008b45;
            font-size: 17pt;
            padding: 5px 5px 5px 0;
            -webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			-webkit-transform: translate3d(0, 0, 0);
        }
        .widget-contact a:hover i {
            font-size: 20pt;
        }
        .socialnetwork
        {
            padding-top: 0 !important;
            text-align: left !important;
        }     

/******************************************************************************************************************************************/
/*                                                       FORMULAIRES DE CONTACT                                                           */
/******************************************************************************************************************************************/

	/* Page contact */
    .ligne_1 {
		width: 33%;
		padding: 5px;
		float: left;	
	}
	.ligne_2 {
		claer: both;
		width: 99%;
		padding: 5px;
		float: left;	
	}
	.ligne_captcha
	{
		clear: both;
		width: 50%;
		float: left;
		text-align: left;
		padding: 0 0 15px 15px;	
	}
	.ligne_valid
	{
		width: 100%;
		float: left;
		text-align: right;
		padding: 15px 15px 15px 0;
	}
    .contact input[type="text"], .contact input[type="tel"], .contact input[type="email"], .contact textarea {
		font-family: 'Red Hat Text';
		text-align: left;
		border: 1px solid #333 !important;
		color: #000 !important;
		border-radius: 0 !important;
		background-color: #FFF !important;
		font-size: 1em;
	}
	.contact input[type="submit"]
	{
		border: 1px solid #008b45 !important;
		background-color: #008b45;
		font-family: 'Red Hat Text';
		text-align: center;
		text-transform: uppercase;
		font-size: 0.8em;
		padding: 10px 50px;
		color: #FFF;
		float: right;
        font-weight: bold;
	}
	.contact input[type="submit"]:hover
	{
		background-color: #FFF;
		color: #008b45;
	}
        
        
/******************************************************************************************************************************************/
/*                                                               FOOTER                                                                   */
/******************************************************************************************************************************************/
	footer {
		clear: both;
		width: 100%;
		background-color: #fafafa !important;
		color: #FFF; 
        border-top: 30px solid #008b45; 
	}
    
    /* Footer top */
        .footer-top {
            clear: both;
            width: 1280px;
            margin-left: auto;
            margin-right: auto;
            padding: 40px 0;
		} 
		
		@media only screen and (max-width : 1280px) {
			.footer-top {
				width: 100%;
			} 
		}


        .footer-widget {
            overflow: hidden;
        }
        #menu-menu-footer li {
        	float: left;
            width: 45%;
		}
		
		@media only screen and (max-width : 1020px) {
			#menu-menu-footer li {
				float: unset!important;
				width: 100%;
			} 
		}

        #menu-menu-footer li:before {
        	content: "\f178";
            color: #6c6c6c;
            font-family: FontAwesome;
            font-size: 10px;
            line-height: 18px;
            margin-right: 10px;            
        }
        #menu-menu-footer li a {
            color: #6c6c6c;
            text-decoration: none;
            font-size: 10pt;
            line-height: 18pt;
            margin-left: 10px;  
            -webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			-webkit-transform: translate3d(0, 0, 0);          
        }
        #menu-menu-footer li a:hover {
            margin-left: 15px !important;           
        }
        
        .tnp-submit {
        	background-color: #008b45 !important;
        }
        
        
        
        
        
        
    .footer-copyright {
		clear: both;    
        width: 100%;
        height: 20px;
        background: #008b45;
        /*border-bottom: 1px solid #e6e6e6;*/
        text-align: center;
        color: #FFF;
		padding: 0 !important;
		font-family: 'Red Hat Text';
        font-size: 11pt;
    } 
    .footer-copyright a { 
		color: #333; 
		text-decoration: none;
	}
	.footer-copyright a:hover { 
		color: #333;
		text-decoration: underline;
	}
    
    
	/* Woocommerce */
    .page-category {
    	width: 100%;
        padding-top: 20px;
    }
    .page-article {
    	width: 100%;
        padding-top: 20px;
    }
    .woocommerce-notices-wrapper {
    	display: none !important;
    }
    .woocommerce-result-count {
    	/*display: none !important;*/
        padding-bottom: 30px;
    }
    .woocommerce-ordering {
    	display: none !important;
    }
    .woocommerce-loop-product__title {
    	font-size: 9pt !important;
    }
    h2.woocommerce-loop-product__title::after {
    	content: none !important;
    }
    .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
        text-align: center !important;
        color: #008b45 !important;
    }
    ul.products li.product{
		height: 370px;
		display: flex;
		flex-direction: column; 
		justify-content : space-between;
		align-items: center;
	}    
    .woocommerce ul.products li.product a img {        
        height: 270px !important;
        width: auto !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		-webkit-transform: translate3d(0, 0, 0);
    }
    .woocommerce ul.products li.product a img:hover {        
        height: 265px !important;
        width: auto !important;
    }

    
    /* Popin identification */
    .lrm-switcher .-is-login-only {
    	background-color: #008b45 !important;
    }
    .lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] {
        background-color: #008b45 !important;
    }
    .lrm-user-modal-container .lrm-switcher a {
        color: #333 !important;
        text-transform: uppercase;
    }
    
/******************************************************************************************************************************************/
/*                                                            PAGE PRODUIT                                                                */
/******************************************************************************************************************************************/
    
    /* page */
    	#content-product {
        	width: 100vw;
            padding-top: 90px !important;
            background: linear-gradient(to bottom,#e5e5e5 585px,#e5e5e5 585px,#fff 585px,#fff 100%);
        }
    
    /* Fil d'ariane */
    	#breadcrumbs a 
        {
        	text-decoration: none;
            color: #333 !important;
            padding: 0 5px 0 0;
		}
        #breadcrumbs span:first-child 
        {
            padding: 0 5px 0 0;
		}
        #breadcrumbs span
        {
            padding: 0 5px;
		}
        #breadcrumbs
        {
        	color: #333 !important;
            font-family: 'Red Hat Text' !important;
            font-size: 10pt;            
		}
        #breadcrumbs span:last-child 
        {
            color: #008b45 !important;
            /*font-weight: bold;*/
		}
        
	/* Titre produit */
        .page-article h1 {
            font-size: 16pt;
            padding: 15px 0 5px 0;
        }
    
    /* Partie haute */
        woocommerce div.product {
            margin-bottom: 0;
            position: relative;
            width: 100%;
        }
        
        /* Images */
        	.woocommerce div.product div.images.woocommerce-product-gallery {
                position: relative;
            }
            
            /* Image tête */
                div.images img {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    max-height: 350px !important;
                    width: auto !important;
                    box-shadow: none;
                }
            
            /* Thumbs */
/*
                .woocommerce div.product div.images .flex-control-thumbs {
                    overflow: hidden;
                    zoom: 1;
                    margin: 0;
                    padding: 0;
                    width: 35%;
                }
                .woocommerce-product-gallery {
                    display: flex;
                }
                
                .woocommerce-product-gallery .flex-control-thumbs {
                    order: -10;
                }            
                .woocommerce div.product div.images .flex-control-thumbs li {
                    width: 100%;
                    padding: 10px;
                }
                */
    
    /* Metas */
    	.sku_wrapper 
        {
            color: #333 !important;
            font-family: 'Red Hat Text' !important;
            font-size: 11pt; 
        }
        .sku 
        {
        	text-decoration: underline;
        }
        .tagged_as a 
        {
        	color: #008b45 !important;
            font-family: 'Red Hat Text' !important;
            font-size: 11pt;
            text-decoration: none;
        }
        
     /* Description */
     	.summary 
        {
        	background: #fff;
            border: 1px solid #F6F8F9;
            box-shadow: 0 0.25em 0.25em rgba(0,0,0,.25);
            padding: 15px;
            margin: 0 0 15px;
        }
    
    /* Tabs */
        .woocommerce-tabs {
            border-bottom: 1px solid #CDD5DA;
        }
        .woocommerce-tabs h2 {
            display: none;
        }
    
    /* Produits apparentés */
        .related h2 {
            text-align: left;
            text-transform: none;
            font-size: 16pt;
            padding: 20px 0;
        }    
        .related h2:after {
            content: none;
        }
        .related .product {
            background-color: #fff;
            background-clip: border-box;
            border: 1px solid rgba(0,0,0,.125);
            padding: 20px !important;
        }
        .related ul.products li.product .button {
            display: none;
        }
        .woocommerce ul.products li.product .woocommerce-loop-product__title {
            text-align: center;
            padding: 0;
        }
    
/******************************************************************************************************************************************/
/*                                                                RGPD                                                                    */
/******************************************************************************************************************************************/
    .stm_gdpr_popup-main {
        position: fixed !important;
        padding: 3px 31px 10px !important;
        width: 97% !important;
        border-radius: 5px !important;
        z-index: 9999999 !important;
        background-color: rgba(0,0,0,0.7) !important;
        color: #fff !important;
        left: 20px !important;
        bottom: 10px !important;
    }
    .stm_gdpr_popup-main .stm_gdpr_popup-links {
        margin-top: 7px !important;
        font-size: 14px !important;
    }
    .stm_gdpr_popup-content {
    	width: 75% !important;
        float: left;
        margin-top: 7px;
    }
    .stm_gdpr_popup-links {
    	width: 25% !important;
        float: right;
    }
    .stm_gdpr_popup-main .stm_gdpr_popup-links a.stm_gdpr_popup-accept {
        float: left;
        background-color: #5e5cc7;
        border: 1px solid #5e5cc7;
        margin-left: -5px;
    }